<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>test</title>

</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 $(选择器).控件名("方法名", {参数名：参数值，参数名：参数值 });
 -->
	<script type="text/javascript">
		$(function() {
            $('#dg').datagrid({
                url:'${proPath}/sysParam/selectPage.action',
                columns:[[
                    {field:'sysParamId',title:'参数编号',width:100},
                    {field:'sysParamField',title:'参数字段',width:100},
                    {field:'sysParamValue',title:'参数值',width:100},
                    {field:'sysParamText',title:'参数内容',width:100},
                    {field:'sysParamType',title:'参数类型',width:100}
                ]],
                fitColumns:true,
                toolbar: [{
                    iconCls: 'icon-reload',
                    text:'重载',
                    handler: function(){
                        $('#dg').datagrid("reload");
                    }
                }],
                striped:true,
                rownumbers:true,
                pagination:true,
                pageSize:3,
                pageList:[3,6,9,12,15],
            });
		});
	</script>
<body>
	<!-- 右键菜单定义如下： -->
	<table id="dg"></table>

</body>
</html>